<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>扩展练习题</title>
</head>
<body>
<script>
    // 封装函数查看数组是否存在某个元素 。
    // 要传递2个参数 元素、数组
    // 如果数组存在元素则返回true，如果没有存在元素就返回 false
    function 查看某个元素_是否存在(元素, 数组 = []) {
        let 元素存在 = false
        for (let i = 0; i < 数组.length; i++) {
            // 判断元素是否存在数组里, 并且赋值, 退出循环
            if (元素 === 数组[i]) {
                元素存在 = true
                break
            }
        }
        return 元素存在 // 这个返回值, 是布尔值
    }

    let 接收_布尔值1 = 查看某个元素_是否存在('荔枝', ['苹果', '香蕉', '橘子', '荔枝', '梨子'])
    console.log(`检查元素是否存在,结果是: ${接收_布尔值1}`) // true
    let 接收_布尔值2 = 查看某个元素_是否存在('榴莲', ['苹果', '香蕉', '橘子', '荔枝', '梨子'])
    console.log(`检查元素是否存在,结果是: ${接收_布尔值2}`) // true

    // 封装函数返回查找元素在数组中的索引号。
    // 要传递2个参数 元素、数组
    // 如果找到，则返回查找元素在数组中的索引号，如果查找不到，则返回 -1
    function 查看某个元素_索引(元素, 数组 = []) {
        let 索引 = -1 // 默认-1, 如果查找不到，则返回 -1
        for (let i = 0; i < 数组.length; i++) {
            // 判断元素是否存在数组里, 并且赋值, 退出循环
            if (元素 === 数组[i]) {
                索引 = i // 赋值元素的索引号
                break
            }
        }
        return 索引 // 返回值
    }

    let 接收_索引1 = 查看某个元素_索引('荔枝', ['苹果', '香蕉', '橘子', '荔枝', '梨子'])
    console.log(`检查元素的索引是: ${接收_索引1}`) // 3
    let 接收_索引2 = 查看某个元素_索引('榴莲', ['苹果', '香蕉', '橘子', '荔枝', '梨子'])
    console.log(`检查元素的索引是: ${接收_索引2}`) // -1
</script>
</body>
</html>